<<<<<<< HEAD
=======
<<<<<<< HEAD
@keyframes moveInLeft{
    0%{
       opacity: 0;
       transform:translateX(-10rem);
    }
    80%{
        transform: translate(1rem);
    }
    100%{
=======
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9
@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10rem);
    }
    80% {
        transform: translate(1rem);
    }
    100% {
<<<<<<< HEAD
=======
>>>>>>> 6d73bda8f53f5f9146dd707095dfe9cd4b5a0534
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9
        opacity: 1;
        transform: translate(0);
    }
}
<<<<<<< HEAD
=======
<<<<<<< HEAD
@keyframes moveInRight{
    0%{
     opacity: 0;
     transform:translateX(10rem);
    }
    80%{
    transform: translate(-1rem);
    }
    100%{
    opacity: 1;
    transform: translate(0);
    }
}
@keyframes moveInBottom{
    0%{
     opacity: 0;
     transform:translateY(3rem);
    }
   
    100%{
    opacity: 1;
    transform: translate(0);
=======
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem);
    }
    80% {
        transform: translate(-1rem);
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }
    100% {
        opacity: 1;
        transform: translate(0);
<<<<<<< HEAD
=======
>>>>>>> 6d73bda8f53f5f9146dd707095dfe9cd4b5a0534
>>>>>>> de6e2132efcd486cb4ae1f5380f21f923a781de9
    }
}